<!DOCTYPE html>
<html>
    <script src="../../../resources/testharness.js"></script>
    <script src="../../../resources/testharnessreport.js"></script>
<body>

<style>
input:optional {
  -webkit-padding-end: 1px;
  -webkit-user-modify: read-write;
}
#htmlvar00004 {
  -webkit-appearance: slider-horizontal;
}
</style>

<input id="htmlvar00004" type="checkbox">

<script>
'use strict';

test(() => {
  document.querySelector('#htmlvar00004').focus();
}, 'Do not crash after rendered as a slider-horizontal and focus.');

</script>
</body>
</html>